<!DOCTYPE html>
<html class="x-admin-sm">
    
    <head>
        <meta charset="UTF-8">
        <title>增加人员</title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
        <link rel="stylesheet" href="__HOME_CSS__/font.css">
        <link rel="stylesheet" href="__HOME_CSS__/xadmin.css">
        <script src="__HOME_JS__/echarts.min.js"></script>
        <script src="__HOME_LIB__/layui/layui.js" charset="utf-8"></script>
        <script type="text/javascript" src="__HOME_JS__/xadmin.js"></script>
        <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
        <!--[if lt IE 9]>
            <script src="__HOME_JS__/html5.min.js"></script>
            <script src="__HOME_JS__/respond.min.js"></script>
        <![endif]-->
    </head>
    <body>
        <div class="layui-fluid">
            <div class="layui-row">
                <form class="layui-form">
                    <div class="layui-form-item">
                        <label for="L_grade" class="layui-form-label">
                            <span class="x-red">*</span>所属班组</label>
                        <div class="layui-input-inline">
                            <select name="grade_id" lay-verify="required" lay-search="">
                                <option value="">请选择班组</option>
                                {volist name="grade" id="vo"}
                                <option value="{$vo.id}">{$vo.grade_name}</option>
                                {/volist}
                            </select>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label for="L_username" class="layui-form-label">
                            <span class="x-red">*</span>员工姓名</label>
                        <div class="layui-input-inline">
                            <input type="text" id="L_username" name="username" lay-verify="required"  autocomplete="off" class="layui-input"></div>
                        </div>
                    <div class="layui-form-item">
                        <label for="L_username" class="layui-form-label">
                            <span class="x-red">*</span>员工编号</label>
                        <div class="layui-input-inline">
                            <input type="text" id="L_userserial" name="user_serial" lay-verify="required"  autocomplete="off" class="layui-input"></div>
                        </div>
                    <div class="layui-form-item">
                        <label for="L_username" class="layui-form-label">
                            <span class="x-red">*</span>员工电话</label>
                        <div class="layui-input-inline">
                            <input type="text" id="L_mobile" name="mobile" lay-verify="required" autocomplete="off" class="layui-input"></div>
                    </div>
                    <div class="layui-form-item">
                        <label for="L_position" class="layui-form-label">
                            <span class="x-red">*</span>员工职位</label>
                        <div class="layui-input-inline">
                            <input type="text" id="L_position" name="position" lay-verify="required"  autocomplete="off" class="layui-input"></div>
                        </div>
                    <div class="layui-form-item">
                        <label for="L_positiona" class="layui-form-label">
                            <span class="x-red">*</span>设备权限</label>
                        {volist name='device_category' id='vo'}
                        {$vo.name}<input type="checkbox" lay-filter="itemChoose" class="layui-select" value="{$vo.id}" name="device_cate" lay-skin="primary">
                        {/volist}
                    </div>
                    <div class="layui-form-item">
                        <label for="L_entry_time" class="layui-form-label">
                            <span class="x-red">*</span>入职时间</label>
                        <div class="layui-input-inline">
                            <input  class="layui-input" placeholder="入职时间" autocomplete="off" lay-verify="required" name="entry_time" id="L_entry_time">
                        </div>
                    </div>
                    <!--<div class="layui-form-item">
                        <label for="L_iris" class="layui-form-label">
                            <span class="x-red">*</span>设置虹膜识别</label>
                        <div class="layui-input-inline">
                            <button class="layui-btn" onclick="xadmin.open('添加虹膜识别','./iris_add.html',600,400)" >设置</button>
                        </div>
                    </div>-->
                    <div class="layui-form-item">
                        <label for="L_repass" class="layui-form-label"></label>
                        <button class="layui-btn" lay-filter="add" lay-submit="">确认增加人员</button>
					</div>
                </form>
            </div>
        </div>
        <script>layui.use(['form', 'layer','jquery','laydate'],
            function() {
                $ = layui.jquery;
                var form = layui.form,
                layer = layui.layer;

                //监听提交
                form.on('submit(add)',
                function(data) {
                    var grade_id = data.field.grade_id;
                    var username = data.field.username;
                    var user_serial = data.field.user_serial;
                    var mobile = data.field.mobile;
                    var position = data.field.position;
                    var entry_time = data.field.entry_time;
                    var device_cate = "";
                    $("input[name='device_cate']:checked").each(function () {
                        var value = $(this).val();
                        device_cate = device_cate + value + ",";
                    });
                    $.ajax({
                        type: 'post',
                        url: "{:url('index/index/member_add')}",
                        data: {
                            grade_id: grade_id,
                            user_serial: user_serial,
                            username: username,
                            mobile: mobile,
                            position: position,
                            entry_time: entry_time,
                            device_cate: device_cate
                        },
                        success: function (res) {
                            if (res.code === 0) {

                                layer.msg("添加成功", {
                                        icon: 6
                                    },
                                    function() {
                                        //关闭当前frame
                                        xadmin.close();

                                        // 可以对父窗口进行刷新
                                        xadmin.father_reload();
                                    });

                            }else {
                                layer.alert(res.msg,{
                                    icon: 0
                                });
                            }
                        }
                    });
                    return false;
                });
                var laydate = layui.laydate;

                //执行一个laydate实例
                laydate.render({
                    elem: '#L_entry_time' //指定元素
                });

            });</script>

    </body>

</html>